<!DOCTYPE html>
<html>
<head>
    <title>动态添加文本框</title>
    <style>
        /* 可选样式 */
        .container {
            margin-top: 10px;
        }
        input {
            margin: 5px;
            padding: 8px;
            display: block;
        }
    </style>
</head>
<body>
    <button id="addBtn">添加文本框</button>
    <div id="container" class="container"></div>

    <script>
        // 获取按钮和容器元素
        const addButton = document.getElementById('addBtn');
        const container = document.getElementById('container');

        // 添加点击事件监听
        addButton.addEventListener('click', function() {
            // 创建新文本框
            const newInput = document.createElement('input');
            newInput.type = 'text';
            newInput.placeholder = '请输入内容...';
            
            // 可选：为每个文本框添加换行
            container.appendChild(document.createElement('br'));
            
            // 将文本框添加到容器
            container.appendChild(newInput);
        });
    </script>
</body>
</html>